@charset "utf-8";
.g-content{ background: #e9edf8; width: 100%; height: 100%; padding: 0.2rem 0.15rem; position: absolute; top: 0; right: 0; left: 0; bottom: 0; box-sizing: border-box;}
.g-content .patientbox .patientli{ list-style: none; background: #fff; width: 200px; height: 190px;box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1); border-radius: 0.1rem 0 0.1rem 0.1rem; position: relative; float: left; margin: 0 0.05rem 0.09rem 0.05rem;}
/* .g-content .patientbox .patientli:nth-child(9n){ margin-right: 0;} */
.g-content .patientli .baseinfobox .number{ font-size: 40px; color: #4c4c4c;font-family: arial; width: 54px; text-align: center; position: absolute; left: 0; top: 10px}
.g-content .patientli .baseinfobox .base{ padding-left: 53px; padding-top: 10px}
.g-content .patientli .baseinfobox .base .name{ font-size: 24px; color: #333; margin-bottom: 5px}
.g-content .patientli .baseinfobox .base .other{ font-size: 14px;}
.g-content .patientli .baseinfobox .base .other span{ font-size: 14px; color: #999; line-height: 1; margin-right: 3px}
.g-content .patientli .hisinfo{ font-size: 14px; color: #333; margin: 15px 0 12px 0; padding-left: 10px}
.g-content .patientli .eninfo{ font-size: 14px; color: #333; padding-left: 10px; margin-bottom: 25px;}
.g-content .patientli .docino{ font-size: 14px; padding: 0 20px 0 10px;}
.g-content .patientli .docino .docname{ font-size: 14px; color: #333;} 
.g-content .patientli .docino .time{ font-size: 12px; color: #999;}
.g-content .patientli .inway{ padding: 0 10px; font-size: 12px; margin-top: 15px;}
.g-content .patientli .inway .waytag{ display: inline-block; font-size: 12px; color: #fff; width: 68px; height: 20px; line-height: 20px; text-align: center; background: #0fd13a; border-radius: 2px;}
.g-content .patientli .moretags i{ display: inline-block; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 12px; color: #fff; border-radius: 50%; margin-left: 10px;}
.g-content .patientli .moretags i.org{ background: #fdbe12;}
.g-content .patientli .moretags i.red{ background: #fc6565;}
.g-content .patientli .boxtag{ display: inline-block; width: 0; height: 0; border: 20px solid transparent; border-bottom: 0; border-right: 0; position: absolute; right: 0; top: 0;}
.g-content .patientli .boxtag.cred{ border-top: 20px solid #fc5b5b;}
.g-content .patientli .boxtag.cblue{ border-top: 20px solid #11bbea;}
.g-content .bottomoperate{ height: 0.8rem; background: #1090eb; position: fixed; bottom: 0; left: 0; right: 0; box-sizing: border-box; padding: 0.11rem 0 0.11rem 0.64rem;}
.g-content .bottomoperate .optbtn{ font-size: 0.28rem; color: #fff; width: 0.58rem; height: 0.58rem; line-height: 0.54rem; text-align: center; border: 0.02rem solid #fff; border-radius: 50%; float: left; box-sizing: border-box; margin-right: 0.5rem; position: relative;}
.g-content .bottomoperate .optbtn .num{ font-size: 0.12rem; display: inline-block; height: 0.16rem; line-height: 0.16rem; color: #999; position: absolute; background: #fff; padding: 0 0.06rem; border-radius: 0.1rem;}
.g-content .bottomoperate .optbtn img{ vertical-align: -0.01rem;}

.f-mask{position: fixed;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,0.3); z-index: 9999;}
.popcontent .mainbox{background-color: rgb(255, 255, 255);border-radius: 0.2rem;box-shadow: 0px 22px 48px 0px rgba(127, 135, 143, 0.1);overflow: hidden;z-index: 9999;position: fixed;top:0.9rem;right: 0.5rem;bottom: 0.9rem;left: 0.5rem;}
.popcontent .mainbox .close{display: inline-block;width: 0.74rem;height: 0.74rem;background-size: 100% 100%;position: absolute;
bottom: 0;z-index: 6}
.popcontent .mainbox .close.closel{background-image: url('../images/patimg/closel.png')}
.popcontent .mainbox .close.closer{background-image: url('../images/patimg/closer.png'); right: 0;}
.popcontent .mainbox .leftinfo{ width: 3.2rem; position: absolute;top: 0;left: 0;bottom: 0;border-right: 2px solid #f2f3fa;}
.popcontent .mainbox .leftinfo .detailbox{ border-bottom: 1px solid #eee;}
.popcontent .mainbox .leftinfo .detailbox:nth-child(3){ border: 0;}
.popcontent .mainbox .leftinfo .detailbox .person{ padding: 0.65rem 0 0.05rem 0.45rem;}
.popcontent .mainbox .leftinfo .detailbox .person .name{ font-size: 0.48rem; color: #333; margin-right: 0.14rem;}
.popcontent .mainbox .leftinfo .detailbox .person .sex{ font-size: 0.28rem; color: #333; margin-right: 0.1rem;}
.popcontent .mainbox .leftinfo .detailbox .person .age{ font-size: 0.28rem; color: #333;}  
.popcontent .mainbox .leftinfo .tableinfo{ padding-top: 0.3rem;} 
.popcontent .mainbox .leftinfo .tableinfo .infobar{ font-size: 0.2rem; padding-bottom: 0.3rem;}
.popcontent .mainbox .leftinfo .tableinfo .infobar .title{ font-size: 0.2rem; color: #909299; margin-right: 0.15rem; ;width: 1.15rem; text-align: right; display: inline-block}
.popcontent .mainbox .leftinfo .tableinfo .infobar .desc{ font-size: 0.2rem; color: #333; display: inline-block}
.popcontent .mainbox .leftinfo .patag{ text-align: center;}
.popcontent .mainbox .leftinfo .patag a{ display: inline-block; width: 1.16rem; height: 0.38rem; line-height: 0.38rem; text-align: center; font-size: 0.2rem; color: #11bbea; border: 1px solid #11bbea; border-radius: 0.05rem; margin: 0 0.08rem;}
.popcontent .mainbox .leftinfo .patag a.cur{ color: #fff; background: #11bbea;}
.popcontent .mainbox .rightinfo{ flex: 1; height: 100%; margin-left: 3.22rem}
.popcontent .mainbox .rightinfo .tabbar{ height: 0.83rem; line-height: 0.83rem; border-bottom: 2px solid #e8e9ee; padding: 0 0.3rem;}
.popcontent .mainbox .rightinfo .tabbar a{ font-size: 0.24rem; color: #11bbea; display: inline-block; line-height: 0.83rem; position: relative;}
.popcontent .mainbox .rightinfo .tabbar a.cur{ color: #11bbea;}
.popcontent .mainbox .rightinfo .tabbar a.cur::before{ content: ""; height: 0.03rem; background: #11bbea; position: absolute; left: 0; right: 0; bottom: 0;} 
.popcontent .mainbox .rightinfo .tablebox{ margin: 0.2rem 0.22rem 0 0.15rem;}
.tablebox .tablelist th{ font-size: 0.24rem; color: #161d26; height: 0.56rem; line-height: 0.56rem; text-align: center; background: #edeef0;}
.tablebox .tablelist td{ font-size: 0.2rem; text-align: center; padding: 0.18rem 0; border-bottom: 1px solid #e8e9ee; color: #6c7580;}
.tablebox .tablelist td.f-tal{ text-align: left; padding-left: 0.1rem;}
.tablebox .tablelist td .f-cblue{ color: #11bbea}
.tablebox .tablelist td .f-cgray{ color: #6c7580;}

/*滑动*/
.ant-slider-rail{ height: 8px; border-radius: 10px; background: #38a3ee;}
.ant-slider-track{ height: 8px; border-radius: 10px; background: #fff;}
.ant-slider-handle{ margin-top: -3px;}
.ant-tooltip-inner{ padding: 6px 10px; background-color: #fff; color: #1090eb; font-size: 0.18rem; border-radius: 8px;}
.ant-tooltip-placement-top .ant-tooltip-arrow{border-top-color: #fff;}
.ant-tooltip-placement-top .ant-tooltip-arrow{ bottom: 4px;}

@media screen and (max-width: 1280px) {
  .g-content .patientbox .patientli{ width: 133px; height: 140px;}
  .g-content .patientli .baseinfobox .number{ font-size: 22px; width: 30px;}
  .g-content .patientli .baseinfobox .base{ padding-left: 30px;}
  .g-content .patientli .baseinfobox .base .name{ font-size: 16px;}
  .g-content .patientli .baseinfobox .base .other span{ font-size: 10px;}
  .g-content .patientli .baseinfobox .base .other{ transform: scale(0.8); transform-origin: 0 0; width: 111px;}
  .g-content .patientli .hisinfo{font-size: 10px; margin: 5px 0;}
  .g-content .patientli .eninfo{ margin-bottom: 5px; font-size: 12px;}
  .g-content .patientli .docino{ padding: 0 3px 0 10px;}
  .g-content .patientli .docino .docname{ font-size: 12px;}
  .g-content .patientli .docino .time{ line-height: 16px;}
  .g-content .patientli .inway .waytag{ font-size: 10px; width: 56px;}
  .g-content .patientli .inway{ margin-top: 10px}
  .g-content .patientli .moretags i{ font-size: 10px; margin-left: 5px;}
}